<html>
<head>
    <title>首页</title>
    <script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="js/util.js"></script>
    <script type="text/javascript" src="js/jquery.treeview.js"></script>
    <script type="text/javascript" src="js/homepage.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="css/homepage.css">
</head>
<body>
<div style="background: #333333;height: 35px">
    <a href="#" class="top_button">注册</a>
    <a href="#" class="top_button">登录</a>
</div>
<div class="nav1">
    <img class="logo" src="./drawable/logo.png" alt="logo">
    <h3 id="location" style="font-weight: normal;position: relative;top: 20px;margin-left: 20px">全国站</h3>
    <h6 class="choose" onclick="closeClick()">&nbsp[切换城市]&nbsp</h6>
    <h3 id="nav-job" class="frame-name" onclick="onNavClick(1)">工作</h3>
    <h3 id="nav-company" class="frame-name" onclick="onNavClick(2)">公司</h3>
    <div class="clear_float"></div>
</div>
<div style="width: 100%;height: 1px;background: #dddddd;margin-top: 10px"></div>
<!--输入框-->
<div id="search">
    <div id="search_form">
        <input id="search_box" type="text" placeholder="搜索职位，公司或地点">
        <input id="search_button" type="button" value="搜索" onclick="onSearch()">
    </div>
</div>
<!--热门搜索-->
<div class="hot_line">
    <b style="color: gray">热门搜索:</b>
</div>
<div class="content">
    <!--行业列表-->
    <div class="list-domain">
        <ul id="browser">
        </ul>
    </div>
    <!--海报-->
    <div class="img-position">
        <img src="drawable/banner.png" width="840" height="346"/>
    </div>
    <div class="clear_float"></div>
</div>
<!--工作列表-->
<h4 id="hot-job" class="job-button" onclick="changeJob(1)" style="margin-left: 15%;">热门职位</h4>
<h4 id="new-job" class="job-button" onclick="changeJob(2)">最新职位</h4>
<div class="clear_float"></div>
<div id="job_list"></div>
<div id="loading"
     style="position: absolute;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.5);z-index: 5;display: none">
    <section class="main">
        <!-- the component-->
        <ul class="bokeh">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </section>
</div>

<div id="address"
     style="position: absolute;width: 30%;height: 500px;top:200px;left:35%;background: white;z-index: 4;display: block;cursor: pointer;display: none">

    <h4 style="width: 100%;background: #00b38a;color: white;text-align: left;line-height: 50px;height: 50px;font-weight: normal">
        &nbsp&nbsp切换城市
    </h4>
    <img id="close-address" src="drawable/close.png" alt="" style="position: absolute;right: 10px;top: 10px" width="30"
         height="30" onclick="closeClick()">
    <h3 style="width:80%;font-weight: normal;top: 90px;left:20px;position: absolute;">亲爱的用户您好：</h3>
    <h4 style="width:80%;font-weight: normal;top: 130px;left:30px;position: absolute;"> 切换城市分站，让我们为您提供更准确的职位信息。</h4>
    <div class="citys" style="position: absolute;left: 30px;right: 30px;top:170px;height: 320px">
        <h4>点击进入</h4>
        <h4 class="choose-address" onclick="chooseAddress('全国站')">全国站</h4>
        <h4>or&nbsp切换到以下城市</h4>
        <div class="clear_float"></div>
        <h4 class="choose-address" onclick="chooseAddress('北京站')">北京站</h4>
        <h4 class="choose-address" onclick="chooseAddress('上海站')">上海站</h4>
        <h4 class="choose-address" onclick="chooseAddress('广州站')">广州站</h4>
        <h4 class="choose-address" onclick="chooseAddress('深圳站')">深圳站</h4>
        <h4 class="choose-address" onclick="chooseAddress('重庆站')">重庆站</h4>
        <h4 class="choose-address" onclick="chooseAddress('郑州站')">郑州站</h4>
    </div>
</div>
</body>
</html>
